<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_666745_rb6ijwlp2tq33di.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/guize.css" />
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="contain">
			<!--音频-->
			<audio autoplay="autoplay" loop="loop" controls="controls">
				<source src="audio/H5纯音乐 - 婚礼进行曲.mp3" />
			</audio>
			<!--阿里巴巴图标 音乐-->
			<i class="iconfont icon-yinle"></i>
			<!--规则内容-->
			<h2>活动规则</h2>
			<div class="guiZeNeiRong">
				<span>在活动期间内，参与H5互动，制作自己的警宴，并分享至朋友圈，邀请里多好友“入座”，6位好友入座即可组成桌酒席，累计组成酒席最多的的99位用户，将获999元的现金赞礼。此外，符合参与条件的用户无结婚证以及善店好宴预计单期。可获始设最婚室定制南西食装份，绒下领取，先到先得。</span>
				<h3>参与条件</h3>
				<span>于2016年1月1日后进行姆姻登记，并在2016年10月1日-10月7日举办婚显的新人限广东省、排南省区城)</span>
				<h4>活动时间</h4>
				<span>2016年9月6日9月26日</span>
				<h5>奖品设置</h5>
				<span>1、第1名至第99名，各获得￥999现金贺礼一份;</br>
                  2、符合参与条件的用户能结婷证以及新店娇宴预订单据，前往张裕白兰线下兑换点(服广东省，海南省区城》可获赠婚姻定制囍酒套装一份，共9999份，数量有限，领完为止。</span>
				<h6>活动说明</h6>
				<span>1、活动奖品有限，在参与者挺交认证路科正确无送的前提下，将按照时间顺序的原则确定获奖名单;</br>
   				  2、 2016年9月30日将在张裕白兰地育力微信、微博平台以及囍宴排行榜公布中奖名单及领奖方式；</br>
  				  3、一个微信D号只能参与一次；</br>
    		 	  4、如对本活动规则有任何疑问，活动主办方将会在法律允许的范围内对本活动规则给予必要的说明和解释。
				</span>
			</div>
			<div class="btm">
				<div class="anniu">
					<a href="feast.html">
						<img src="img/anNiu.png" />
						<p class="xiyan">马上办喜宴</p>
					</a>
					<div class="dong"></div>
				</div>
				<a class="hui" href="index.html"><img src="img/huishouye.png" /></a>
			</div>	
		</div>
		<script type="text/javascript">
			var music = document.querySelector("audio"); //获取音频
			var icon = document.querySelector("i"); //获取图标
			var isplay = true;
			var katong = document.querySelector(".dong");

			//图标的监听事件
			icon.addEventListener("click", function() {
				if(isplay == true) {
					icon.style.animationPlayState = "paused";
					music.pause();
					isplay = false;
				} else {
					isplay = true;
					music.play();
					icon.style.animationPlayState = "running";
				}
			})

			setInterval(function() {
				if(katong.classList.contains("donghua")) {
					katong.classList.remove("donghua");
				} else {
					katong.classList.add("donghua");
				}
			}, 2000)
		</script>
	</body>

</html>